<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购物车</title>
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/shopcar.css" /> 
		<link rel="shortcut icon" href="images/favicon.ico" />
		<script type="text/javascript" src="js/jQuery.js"></script>
		<script type="text/javascript" src="js/cookie.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
	</head>
	<body>
		<div class="top">
			<div class="top-cen">
				<span class="huanying">欢迎您,</span>
				<a class="denglu" href="javascript:;">登陆</a>
				<a class="zhuce" href="javascript:;">免费注册</a>
				<a href="javascript:;">我的订单</a>
				<span>|</span>
				<a href="javascript:;">我的优惠券</a>
				<span>|</span>
				<a href="javascript:;">我的收藏</a>
				<span>|</span>
				<a href="javascript:;">帮助中心</a>
			</div>
		</div>
		<!--------------------top---------------------------------------->
		<div class="search">
			<div class="sea-center">
				<a href="javascript:;"><img class="logo" src="images/logo.png" alt="hi淘全球"/></a>
				<a href="javascript:;"><img src="images/logo.gif" alt="hi淘全球"/></a>
				<div class="search-right">
					<input class="shuru" type="text" autocomplete="off" placeholder="搜索商品" />
					<ul class="xiala"></ul>
					<input class="queren" type="button" value="搜索" />
					<a href="javascript:;">面膜</a>
					<span>|</span>
					<a href="javascript:;">面霜</a>
					<span>|</span>
					<a href="javascript:;">洁面</a>
					<span>|</span>
					<a href="javascript:;">奶粉</a>
					<span>|</span>
					<a href="javascript:;">纸尿裤</a>
					<span>|</span>
					<a href="javascript:;">辅食</a>
					<span>|</span>
					<a href="javascript:;">宝宝营养</a>
					<span>|</span>
					<a href="javascript:;">唇部彩妆</a>
					<span>|</span>
					<a href="javascript:;">身体护理</a>
					<span>|</span>
					<a href="javascript:;">香氛</a>
				</div>
			</div>
		</div>
		<!--------------------search------------------------------------->
		<div class="stepcart">
			<div class="steplist">
				<div class="step-show"></div>
				<span class="one">1.购物袋</span>
				<span class="two">2.确认订单信息</span>
				<span class="three">3.付款</span>
			</div>
		</div>
		<!-- mod_main中间内容区  ---------------------------->
		<div class="mod-main">
			<!------购物车为空---------------------->
			<div class="nothing">
				<img src="images/nothing.png" />
				<p class="text">购物带空空的</p>
				<p>喜欢的宝贝，收到碗里来！</p>
				<a class="add-address" href="javascript:;">去逛逛</a>
			</div>
			<!------购物车有物品的时候---------------------->
			<div class="title">
				<table class="cart" width="100%">
					<thead>
						<tr>
							<th width="5%">
								<input type="checkbox" checked="checked" class="quanxuan"/>
								<label for="chekall">全选</label>
							</th>
							<th width="43%">商品</th>
							<th width="16%">单价</th>
							<th width="12%">数量</th>
							<th width="12%">小计</th>
							<th width="12%">操作</th>
						</tr>
					</thead>
				</table>
			</div>
			<div class="title">
				<h1 class="title-b">
					<input type="checkbox" checked="checked" class="buy-kuang"  />
					<label >杭州保税仓</label>
				</h1>
				<div class="buy-xq">
					<table class="wh-2" width="100%">
						<tbody>
							<tr class="buy-tr">
								<td width="5%">
									<input type="checkbox" checked="checked" class="buy-sel">
								</td>
								<td width="39%">
									<div class="goods">
										<a class="goods-img" href="javascript:;">
											<img src="images/link1.jpg" />
										</a>
										<div class="goods-info">
											<a href="javascript:;">
												Reveur 无硅洗发水粉色头皮护理无硅油洗头水 500ml*2瓶
											</a>
										</div>
									</div> 
								</td>
								<td width="20%">
									<strong class="price1">
										$130.00
									</strong>
								</td>
								<td width="12%">
									<div class="amount">
									<a class="btn-minus btn-minus1" href="javascript:;">-</a>
									<input class="buynum buynumt" type="text" value="" autocomplete="off"/>
									<a class="btn-plus btn-plus1" href="javascript:;">+</a>
								</div>
								</td>
								<td width="12%">
									<strong class="xiaoji">
										$130.00
									</strong>
								</td>
								<td width="12%">
									<div class="remove" title="删除">
										删除
									</div>
								</td>
							</tr>
							<tr>
								<td class="cart-right" colspan="6">
									<span>
										商品金额:
										<strong class="goods-amount">
											$130.00
										</strong>
									</span>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			
			
			
			
			
			
			
			<div class="cart-foot">
				<a class="btn-goshopping" href="javascript:;" title="继续购物">继续购物</a>
				<div class="cart-foot-right">
					<div class="right">
						<a class="btn-gobuy" href="7indent.html" title="去结算">
							<span>去结算</span>
						</a>
					</div>
					<div class="right">
						<ul>
							<li>
								已选
								<span class="goods-sum">1</span>
								件商品，合计（不含运费及税费）
								<span class="total-price">
									
									<span class="pay-amount">
										$130.00
									</span>
								</span>
							</li>
							<li class="shoptotal">
								商品总结：￥
								<span class="goods-amount">130.00</span>
								活动优惠：￥
								<span class="discount">0.00</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!-----浏览过的商品---------------------->	
			<div class="mod-history">
				<h3 class="rexiao">
					热销推荐
				</h3>
				<ul class="clearfix">
					<li class="rexiaolist">
						<a href="javascript:;">
							<img src="images/rexiao1.jpg" width="150" height="150" />
							<p class="name"> Regen/丽珍 纯棉超细纤维美白皮肤面膜贴 10片</p>
							<p class="price">
								$
								<i class="pr">98.00</i>
							</p>
							<div class="now-buy">
								<span>立即购买</span>
							</div>
						</a>
					</li>
					<li class="rexiaolist">
						<a href="javascript:;">
							<img src="images/rexiao2.jpg" width="150" height="150" />
							<p class="name">VDL 立体璀璨持久粉底液 30ml</p>
							<p class="price">
								$
								<i class="pr">198.00</i>
							</p>
							<div class="now-buy">
								<span>立即购买</span>
							</div>
						</a>
					</li>
					<li class="rexiaolist">
						<a href="javascript:;">
							<img src="images/rexiao3.jpg" width="150" height="150" />
							<p class="name"> AVENT/新安怡 自然原生新生儿防胀气宽口径玻璃奶瓶 240ml+120ml</p>
							<p class="price">
								$
								<i class="pr">58.00</i>
							</p>
							<div class="now-buy">
								<span>立即购买</span>
							</div>
						</a>
					</li>
					<li class="rexiaolist">
						<a href="javascript:;">
							<img src="images/rexiao4.jpg" width="150" height="150" />
							<p class="name"> Blackmores  preg + breastfeeding gold 孕妇黄金素 180粒</p>
							<p class="price">
								$
								<i class="pr">132.00</i>
							</p>
							<div class="now-buy">
								<span>立即购买</span>
							</div>
						</a>
					</li>
					<li class="rexiaolist">
						<a href="javascript:;">
							<img src="images/rexiao5.jpg" width="150" height="150" />
							<p class="name">CANMAKE/井田 唇部遮瑕膏 9g</p>
							<p class="price">
								$
								<i class="pr">33.00</i>
							</p>
							<div class="now-buy">
								<span>立即购买</span>
							</div>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<!--------------------公用信息------------------------------------->
			<div class="but-nav">
				<div class="but-navc">
					<div class="bnav-right">
						<a href="javascript:;">公司简介</a>
						<a href="javascript:;">联系我们</a>
						<a href="javascript:;">大事件</a>
						<a href="javascript:;">人才招募</a>
						<a href="javascript:;">帮助中心</a>
						<a href="javascript:;">法律声明</a>
						<a href="javascript:;">合作专区</a>
						<a href="javascript:;">友情链接</a>
					</div>
					<div class="bnav-left">
						4008-006-006
					</div>
				</div>
			</div>
			<p class="copy">
				Copyright © 2010 - 2016, 版权所有 HITAO.TOP    湘ICP备10012668号-3  嗨淘全球网　|　营业执照
			</p>
			<div class="foot">
				<a class="footimg" href="javascript:;"><img src="images/cx.png"/></a>
				<a class="footimg" href="javascript:;"><img src="images/cx2.png"/></a>
				<a class="footimg" href="javascript:;"><img src="images/cx3.png"/></a>
				<div class="footd"><img src="images/cx4.png"/></div>
				<div class="footd"><img src="images/cx5.png"/></div>
			</div>
		</div>
		<!--------------------^common^----------------------------------->
		<div class="use-center">
			<ul class="user-top">
				<li>
					<a class="kefu" href="javascript:;">在线客服</a>
					<div class="user-hide">
						<span class="livebox"></span>
						<span class="livetime">
							时间：12:00--18:00<br />
							热线：4008-006-006
						</span>
					</div>
				</li>
				<li>
					<a class="gouwudai" href="javascript:;">购物袋</a>
					<span id="buynum">0</span>
				</li>
				<li>
					<a class="shoucang" href="javascript:;">
						<div class="xin">我的收藏</div>
						<span class="shoucang-hide">我的收藏</span>
					</a>
				</li>
				<li>
					<a class="youhui" href="javascript:;">
						<div class="juan">优惠券</div>
						<span class="shoucang-hide">优惠券</span>
					</a>
				</li>
			</ul>
			<ul class="user-bottom">
				<li>
					<a class="saoma" href="javascript:;">二维码</a>
					<div class="saoma-hide">
						<img src="images/erweima.png"/>
						手机注册
					</div>
				</li>
				<li>
					<a class="uptop" href="javascript:;">TOP</a>
				</li>
			</ul>
		</div>
		<!--------------------^common侧边栏^----------------------------------->
	</body>
</html>
